<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="static/img/logo.png" type="image/png">
    <meta name="monetag" content="37b977d49d62f6dacd9997bf68bdd2e1">
    <link rel="stylesheet" href="static/css/style.css">
    <title>智慧答题系统 - 在线知识竞赛平台</title>
</head>

<body>
    <!-- 导航栏 -->
    <header class="navBar-t">
        <div class="container">
            <div class="logo">
                <img src="static/img/logo.png" alt="网站logo">
                <span>智慧答题</span>
            </div>
            
            <!-- 移动端菜单图标 -->
            <div class="mobile-menu-icon" id="mobileMenuIcon">☰</div>
            
            <div class="nav-links" id="navLinks">
                <a href="#home">首页</a>
                <a href="#features">功能特色</a>
                <a href="#categories">题库分类</a>
                <a href="#about">关于我们</a>
                <a href="/leaderboard">🏆 排行榜</a>
                <a href="/admin-login" style="color: #667eea; font-weight: 600;">🔐 管理员</a>
            </div>
            
            <div class="auth-buttons">
                <div class="logged-in-user" id="loggedInUser" style="display: none;">
                    <a href="/profile" class="profile-link">个人中心</a>
                    <span class="welcome-text">欢迎, <strong id="usernameDisplay"></strong></span>
                    <button class="logout-btn">登出</button>
                </div>
                <div class="logged-out-buttons" id="loggedOutButtons">
                    <button class="login">登录</button>
                    <button class="register">注册</button>
                </div>
            </div>
        </div>
    </header>

    <!-- Hero区域 -->
    <section class="hero" id="home">
        <div class="container">
            <div class="hero-content">
                <h1 class="hero-title">开启你的智慧之旅</h1>
                <p class="hero-subtitle">涵盖广泛知识领域，随时随地检验学习成果</p>
                <div class="hero-buttons">
                    <button class="btn-primary start-quiz">立即开始答题</button>
                    <button class="btn-secondary browse-topic">浏览题库</button>
                </div>
            </div>
        </div>
    </section>

    <!-- 功能特色 -->
    <section class="features" id="features">
        <div class="container">
            <h2 class="section-title">平台优势</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">📚</div>
                    <h3>海量题库</h3>
                    <p>涵盖各学科知识，题目类型丰富多样，满足不同学习需求</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">⚡</div>
                    <h3>即测即评</h3>
                    <p>答题后即时查看答案解析，快速巩固知识点，提升学习效率</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">📊</div>
                    <h3>数据统计</h3>
                    <p>详细的学习记录和成绩分析，帮助你清晰了解学习进度</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🏆</div>
                    <h3>成就系统</h3>
                    <p>丰富的徽章和排行榜，激发学习动力，享受进步的乐趣</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 题库分类 -->
    <section class="categories" id="categories">
        <div class="container">
            <h2 class="section-title">热门题库</h2>
            <div class="categories-grid">
                <div class="category-card">
                    <div class="category-icon">💡</div>
                    <h3>综合知识</h3>
                    <p>包含历史、地理、文学等多领域知识</p>
                    <span class="question-count">1280道题</span>
                </div>
                <div class="category-card">
                    <div class="category-icon">🔬</div>
                    <h3>科学技术</h3>
                    <p>物理、化学、生物等科学知识</p>
                    <span class="question-count">856道题</span>
                </div>
                <div class="category-card">
                    <div class="category-icon">🎨</div>
                    <h3>文化艺术</h3>
                    <p>绘画、音乐、电影等艺术知识</p>
                    <span class="question-count">942道题</span>
                </div>
                <div class="category-card">
                    <div class="category-icon">📐</div>
                    <h3>数学</h3>
                    <p>数学、代数、几何等相关知识</p>
                    <span class="question-count">689道题</span>
                </div>
                <div class="category-card">
                    <div class="category-icon">💰</div>
                    <h3>经济管理</h3>
                    <p>经济学基础、商业管理知识</p>
                    <span class="question-count">721道题</span>
                </div>
                <div class="category-card">
                    <div class="category-icon">💻</div>
                    <h3>IT技术</h3>
                    <p>编程、网络、计算机科学</p>
                    <span class="question-count">1156道题</span>
                </div>
            </div>
        </div>
    </section>

    <!-- 统计数据 -->
    <section class="stats">
        <div class="container">
            <div class="stats-grid">
                <div class="stat-item">
                    <div class="stat-number">50,000+</div>
                    <div class="stat-label">注册用户</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">100,000+</div>
                    <div class="stat-label">完成答题</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">5,000+</div>
                    <div class="stat-label">题库题目</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">200+</div>
                    <div class="stat-label">知识分类</div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <p>&copy; 2025 智慧答题系统. 保留所有权利.</p>
        </div>
    </footer>

    <!-- JavaScript -->
    <script src="static/js/console.js"></script>
</body>
</html>
